import * as React from "react"
import { View, ViewStyle } from "react-native"
import { px2dp } from "../../utils"
import { color } from "../../theme"

export interface LineProps {
  /**
   * An optional style override useful for padding & margin.
   */
  style?: ViewStyle
  color?: string
}

const LINE_STYLE: ViewStyle = {
  height: 1,
  borderBottomWidth: px2dp(1),
  borderBottomColor: color.palette.offWhite,
  borderStyle: "solid"
}

export function Line(props: LineProps) {
  return <View style={LINE_STYLE}></View>
}
